<!DOCTYPE html>
<br lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<br>
    <h1>这是无序列表</h1>
    <!-- disc   square  circle-->
    <ul type="cilcle">
        <li>这是内容1</li>
        <li>这是内容2</li>
        <li>这是内容3</li>
    </ul>
</br>
    <h1>这是有序列表</h1>
    <!--  a表示小写英文字母编号
      A表示大写英文字母编号
      i表示小写罗马数字编号
      I表示大写罗马数字编号
      1表示数字编号(默认)-->
    <ol type="a"  start="2">
        <li>这是内容1</li>
        <li>这是内容2</li>
        <li>这是内容3</li>
        <li>这是内容4</li>
    </ol>
</br>
    <h1>这是自定义列表</h1>
    <dl>
        <dt>这是一张货物清单</dt>
        <dd>矿泉水*10</dd>
        <dd>面包*20</dd>
        <dd>方便面*10</dd>
    </dl>
</body>
</html>